/*
  学习目标：创建h1标签, 显示在浏览器中
  */
 
 //  1. 导入包: react 和 react-dom
 import React from 'react'
//  React包: 创建React元素-虚拟DOM, 不能直接显示出来
 import ReactDOM from 'react-dom'
//  ReactDOM包: 将React元素-虚拟DOM, 渲染为真正的dom节点
 
 
 // 2. 使用React包, 创建React元素
//  语法:  React.createElement("标签的类型", {标签的属性: 值}, "标签的内容")
 const title = React.createElement("b", {id: 'box', name: 'box'}, "hello React")
 console.log('title  ----->  ', title);

//  3. 使用ReactDOM包, 渲染React元素
// 语法: ReactDOM.render(React元素, 真实的dom节点作为挂载点)
ReactDOM.render(title, document.getElementById("root"))
